{% extends 'base.html' %}
{% block title %}
    {{ data.title }}
{% endblock %}

{% block content %}
    <h3>账号注册</h3>
    <hr>
    {% if data.error %}
        <div class="alert alert-danger">{{ data.error }}</div>
    {% endif %}
    <form method="post">

        <div class="form-group">
            <label for="username">账号:</label>
            <input required name="username" maxlength="20" id="username" type="text" class="form-control"
                   placeholder="请输入账号"/>
        </div>

        <div class="form-group">
            <label for="password">密码:</label>
            <input required name="password" maxlength="20" id="password" type="password" class="form-control"
                   placeholder="请输入密码"/>
        </div>

        <div class="form-group">
            <label for="password2">确认密码:</label>
            <input required name="password2" maxlength="20" id="password2" type="password" class="form-control"
                   placeholder="请确认密码"/>
        </div>
        <div class="form-group">
            <button class="btn btn-outline-primary">立即注册</button>
        </div>

    </form>
{% endblock %}